<?php

    require_once('../../controller/personnal_space/indexController.php');
   
    require_once('../../layout/top.php');
    
?>
   <link rel="stylesheet" href="../../public/css/personnal_space.css" />
   
   <script>
       
          window.onscroll = stop_menu_scrolling;      
        
   </script>

    <table id="banniere">
        <tr>
            <td id="utilisateur" class="content" colspan="4"> 
                <span id="profile_picture"></span>

                <span id="infos">
                                        <span id="nom"><?php echo $user['name'];?></span><br/><br/>

                                        <?php 

                                            echo '<b>mail</b> : <a class="bt background mail" href="">'.$user['mail']."</a><br/>"
                                                 .'<b>adresse</b> : '.$user['adress']."<br/>"
                                                 .'<b>date de naissance</b> : '.$user['date_of_birth'];

                                        ?>
                                        <br/><br/>
                                        <a href=""><span class="button add_button">ajouter aux contacts</span></a>
                                        <a href=""><span class="button del_button">supprimer des contacts</span></a>
                                        <a href=""><span class="button block_button">bloquer</span></a>

                </span>
            </td>
        </tr>
        <tr>
                <td id="banniere_left">
                </td>
                    <td id="banniere_center">
                        
                        <table id="onglets">
                                    <tr >
                                        <td class="content" colspan="2"> 
                                            <a href=""><span class="surlign grey" >publications</span></a>
                                            <a href=""><span class="surlign grey">photos</span></a>
                                            <a href=""><span class="surlign grey">amis</span></a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td id="onglets_left"></td>
                                        <td id="onglets_center"></td>
                                        <td id="onglets_right"></td>
                                        
                                    </tr>
                        </table>
                        <span id="mini_infos">
                              <span id="nom"><?php echo $user['name'];?></span>
                        </span>
                        
                    </td>
                    <td id="banniere_right">
                    </td>
                   
                </tr>
                  <tr>
                    <td>
                    </td>
                    <td id="bar_post">
                            <!--<form action="" methos="post">-->

                                    <!--<input class="text_area large" onClick="resize(this,700,200);" onChange="resize(this,600,auto);"type="text" value="poster un message"/>-->
                                    
                                    
                            <textarea id="type_post" class="text_area large" 
                                              
                                      onfocus="switch_label(this,'');
                                               resize(this,776,100,function(){show_buttons(post_buttons);});" 
                                                       
                                      value="poster un message...">poster un message...</textarea>
                            
                            <div id="post_buttons">
                                <input id="valid_post" 
                                       onclick="switch_label(type_post,'poster un message...');  
                                                hide_buttons(post_buttons); 
                                                resize(type_post,776,20);" 

                                       class="button bt_valid yes" type="submit" value="envoyer"/>

                                <input id="cancel_post" 
                                       onclick="switch_label(type_post,'poster un message...');
                                                hide_buttons(post_buttons);
                                                resize(type_post,776,20);" 

                                       class="button bt_valid no" type="submit" value="annuler"/>

                                <input id="empty_post" 
                                       onclick="switch_label(type_post,'');" 

                                       class="button bt_valid other" type="submit" value="vider"/>
                                
                            </div>
                            
                            <!--</form>-->
                    </td>
                    <td>
                    </td>
                </tr>
    </table>
    
    <div id="page_content">
        
        <?php print_r($_SESSION) ; ?>
       
        
        <table class="posts">
            <tr>
                <td class="content header" colspan="2">
                    <span class="icone_photo">
                        <img width="35" height="35" src="../../public/img/default_user.png" />
                    </span>
                    <a href=""><span class="bt background user" >john pastis</span></a>
                   
                </td>
            </tr>
            <tr>
                <td class="content" colspan="2">
                    
                    
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque arcu urna, 
                    scelerisque a tincidunt euismod, mollis quis massa. In aliquam ornare velit, ut 
                    tristique ligula feugiat in. Nam tempor accumsan purus, sit amet sollicitudin 
                    sapien pharetra ut. Class aptent taciti sociosqu ad litora torquent per conubia 
                    nostra, per inceptos himenaeos. Cum sociis natoque penatibus et magnis dis parturient 
                    montes, nascetur ridiculus mus. Vivamus malesuada, ligula a tempor rutrum, tellus tortor 
                    auctor ligula, eget luctus diam sapien non dui. Lorem ipsum dolor sit amet, consectetur 
                    adipiscing elit. Maecenas dignissim tristique felis, id placerat metus 
                    vestibulum eget. Nullam auctor rhoncus magna et blandit. 
                    Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia 
                    Curae; Donec nec leo arcu. Nulla quis magna velit. Nulla posuere ornare pellentesque. 
                    Aliquam vehicula tortor tempus nisl adipiscing vulputate. Integer id massa sapien.
                   
                </td>
            </tr>
            <tr>
                <td class="separator_post_comment" colspan="2" >
                    <a href=""><span class="bt background like">10</span></a> 
                    <a href=""><span class="bt background unlike">10</span></a>
                </td>
                
            </tr>
            
            <tr>
                <td style="text-align:center;">
                    
                    <span class="icone_photo">
                        <img width="35" height="35" src="../../public/img/default_user.png" />
                    </span><br/><br/><br/>
                    <a href=""><span class="bt background like">0</span></a><br/>
                    <a href=""><span class="bt background unlike">0</span></a>
                    
                </td>
                <td class="comment">
                    <span class="commentContent">
                        <a href=""><span class="bt background user">john pastis</span></a>
                        <br/>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque arcu urna, 
                        scelerisque a tincidunt euismod, mollis quis massa. In aliquam ornare velit
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque arcu urna, 
                        scelerisque a tincidunt euismod, mollis quis massa. In aliquam ornare velit
                        
                        
                    </span>
                    
                </td>
                
            </tr>
             <tr>
                <td style="text-align:center;">
                    
                    <span class="icone_photo">
                        <img width="35" height="35" src="../../public/img/default_user.png" />
                    </span><br/><br/><br/>
                    <a href=""><span class="bt background like">0</span></a><br/>
                    <a href=""><span class="bt background unlike">0</span></a>
                    
                </td>
                <td class="comment">
                    <span class="commentContent">
                        <a href=""><span class="bt background user">john pastis</span></a>
                        <br/>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque arcu urna, 
                        scelerisque a tincidunt euismod, mollis quis massa. In aliquam ornare velit
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque arcu urna, 
                        scelerisque a tincidunt euismod, mollis quis massa. In aliquam ornare velit
                        
                        
                    </span>
                    
                </td>
                
            </tr>
            
            
            <tr>
                <td class="bar_comment" colspan="2">
                            <!--<form action="" methos="post">-->

                            <textarea id="type_comment" class="text_area demi" 
                                              
                                      onfocus="switch_label(this,''); 
                                               resize(this,530,100);" 
                                                       
                                      value="poster un commentaire...">poster un commentaire...</textarea>
                            
                            <br/><br/>
                            
                            <input id="valid_comment" 
                                   onclick="switch_label(type_comment,'poster un commentaire...');
                                            resize(type_comment,530,20);" 
                                                   
                                   class="button bt_valid yes" type="submit" value="envoyer"/>
                            
                            <input id="cancel_comment" 
                                   onclick="switch_label(type_comment,'poster un commentaire...');
                                            resize(type_comment,530,20);" 
                                   
                                   class="button bt_valid no" type="submit" value="annuler"/>
                            
                            <input id="empty_comment" 
                                   onclick="switch_label(type_comment,'');" 
                                            
                                   class="button bt_valid other" type="submit" value="vider"/>
                            
                            
                            <!--</form>-->
                 
                    </td>
            </tr>
        </table>
<!--        
        dsfddfgdfgfdgfdgfdgfdgfdgfdgfdgfdgdsfddfgdfgfdgfdgfdgfdgfdgfdgfdgfdgdsfddfgdfgfdgfdgfdgfdgfdgfdgfdgfdgdsfddfgdfgfdgfdgfdgfdgfdgfdgfdgfdg
        dsfddfgdfgfdgfdgfdgfdgfdgfdgfdgfdg
        dsfddfgdfgfdgfdgfdgfdgfdgfdgfdgfdgdsfddfgdfgfdgfdgfdgfdgfdgfdgfdgfdgdsfddfgdfgfdgfdgfdgfdgfdgfdgfdgfdgdsfddfgdfgfdgfdgfdgfdgfdgfdgfdgfdgdsfddfgdfgfdgfdgfdgfdgfdgfdgfdgfdg
        dsfddfgdfgfdgfdgfdgfdgfdgfdgfdgfdg
        dsfddfgdfgfdgfdgfdgfdgfdgfdgfdgfdgdsfddfgdfgfdgfdgfdgfdgfdgfdgfdgfdgdsfddfgdfgfdgfdgfdgfdgfdgfdgfdgfdgdsfddfgdfgfdgfdgfdgfdgfdgfdgfdgfdgdsfddfgdfgfdgfdgfdgfdgfdgfdgfdgfdg
        dsfddfgdfgfdgfdgfdgfdgfdgfdgfdgfdgdsfddfgdfgfdgfdgfdgfdgfdgfdgfdgfdg
        dsfddfgdfgfdgfdgfdgfdgfdgfdgfdgfdg-->
        
        
        
        
        
        
      
    </div>
    
    
    
        
    
    


<?php
    include('../../layout/bottom.php');
?>
